@charset "utf-8";
$fontSize:100;
@function r($p){
    @return $p/$fontSize*1rem;
}
html{
    font-size: $fontSize*1px;
}

body{
    font-size: 13px;
}   

  

//中部
.middle{
    width: 100%;
    background: #f5f5f5;
    //白板公共属性
    .white_1,.white_2,.white_3{
        width:100%;
        background: white;
        padding: r(30) r(30);
        box-sizing: border-box;}
    //第一块白板
    .white_1{
        //标题
        h1{font-size: 14px;}
        //首页 导航行块级
        .white_1_nav{
            display: flex;
            justify-content: space-between;
            margin: r(15) 0;
            >p{color: #8b8b8b;
                >a{color: #8b8b8b;}
            }
        }
        //图片
        .white_1_pic>img{width: 100%;
            border-top: 1px solid #d2d2d2;
            padding-top: r(16);
            margin-bottom: r(30);}
        //以下文章段落
        .prg{color: #8b8b8b;
            line-height: 18px;}
        .prg_mag{margin-bottom: r(38);
            text-align: justify;}
    }
    //第二块白板
    .white_2{
        margin: r(26) 0;
        //时间标题
        .white_2_title{color: #5c5856;
            font-size: 14px;
            margin-bottom: r(20);
            letter-spacing: 1px;
            font-weight: bold;}
        //图标 和 详细文字
        .white_2_detail{
            color: #727171;
            //图标
            .iconfont{color: #b60005;
                margin-right: r(12);}
        }
    }
    //第三块白板
    .white_3{
        //讲师简介
        >p{font-weight: bold;
            margin-bottom: r(14);
            color: #5c5856;}
        //总监区
        .director{
            width: 100%;
            display: flex;
            justify-content: space-between;
            font-size: 0;
            >li{
                display: flex;
                align-items: center;
                //头像
                .director_avatar>img{width: r(68);
                    margin-right: r(4);}
                //姓名 职称
                .director_data{
                    font-size: 5px;
                    color: #727171;
                    >span{margin-left: r(-2);}
                }
            }
        }
    }
    //立即报名
    .btn{
        background: white;
        padding: r(20) r(28);
        margin-top: r(26);
        button{width: 100%;
            height: r(86);
            color: white;
            background: #B20000;
                >img{width: r(20);}
        }
    }
}

